<div class="navbar navbar-default" role="navigation">
	<div class="rows">
	</div>
	<div class="rows"> 
		<div class=" col-xs-9 col-sm-9 col-md-9 col-lg-9 col-xs-offset-1 col-sm-offset-1 col-md-offset-1 col-lg-offset-1">
			<div class="page-header">			
				<h2>
					<span class="glyphicon glyphicon-file"></span>&nbsp&nbsp个人简历&nbsp
				<button class="btn btn-sm" ng-click="open=0" class="text-muted">Click me</button></h2>
			</div>
		</div>
	<div class="rows">
		<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
			<div class="page-header">
				<img  height="150" width="100" class=" img-rounded img-response center-block" src=../images/YYT.jpg></img>
			</div>			
		    		<ul class="nav nav-pills nav-stacked text-center">
					   <li><a href="" ng-click="open=1">基本信息</a></li>
				       <li><a href="" ng-click="open=2">教育背景</a></li>
				       <li><a href="" ng-click="open=3">奖励情况</a></li>
				       <li><a href="" ng-click="open=4">项目经历</a></li>
				       <li><a href="" ng-click="open=5">实践工作</a></li>
				       <li><a href="" ng-click="open=6">专业能力</a></li>
				       <li><a href="" ng-click="open=7">自我评价</a></li>
				       <li><a href="" ng-click="open=8">Demo展示</a></li>
				    </ul>

		 </div>	
	 </div>
	 <div class="rows">
		 <div class="col-xs-9 col-sm-9 col-md-9 col-lg-9" >
		 		<div id="info" >
		 			<div class="page-header">
		 				<h4 class="text-info"><b>基本信息</b></h4>
		 			</div>
		 			<div id="hide1" ng-show="open==1||open==0">
			 			<div class="rows">
			 				<div class="col-sm-4">
			 					<p>姓名：叶玉婷</p>
			 				</div>
			 				<div class="col-sm-4">
			 					<p>性别：女</p>
			 				</div>	
			 				<div class="col-sm-4">
			 					<p>出生年月：1993.7</p>
			 				</div>	
			 			</div>
			 			<div class="rows">
			 				<div class="col-sm-6">
			 					<p>联系方式：18252062810</p>
			 				</div>
			 				<div class="col-sm-6">
			 					<p>电子邮箱：815033737@qq.com</p>
			 				</div>
			 			</div>
						<div class="rows">
			 				<div class="col-sm-8">
			 					<p>地址：江苏省 南京市 鼓楼区 南京邮电大学</p>
			 				</div>
			 				<div class="col-sm-4">
			 					<p>邮政编码：210003</p>
			 				</div>
			 			</div>
			 			<div class="rows">
			 				<ul class="nav nav-list"> 
								 <li class="divider"></li>
							</ul>
			 			</div>
		 		</div>
		 		<div id="education">
		 			<div class="page-header">
		 				<h4 class="text-info"><b>教育背景</b></h4>
		 			</div>
		 			<div id="hide2" ng-show="open==2||open==0">
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2010-2014</p>
			 				</div>
			 				<div class="col-sm-9">
			 					<p>本科	|	天津工业大学	|	电子科学与技术	|	专业排名10%</p>
			 				</div>	
			 			</div>
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2010-2014</p>
			 				</div>
			 				<div class="col-sm-9">
			 					<p>硕士	|	南京邮电大学	|	电子与通信工程	|	专业排名20%</p>
			 				</div>	
			 			</div>
			 			<div class="rows">
			 				<ul class="nav nav-list"> 
								 <li class="divider"></li>
							</ul>
			 			</div>
			 		</div>
		 		</div>
		 		<div id="award">
		 			<div class="page-header">
		 				<h4 class="text-info"><b>奖励情况</b></h4>
		 			</div>
		 			<div id="hide3" ng-show="open==3||open==0">
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2010-2012</p>
			 				</div>
			 				<div class="col-sm-9">
			 					<p>优秀共青团员	| 优秀团干部	| 优秀团干部标兵</p>
			 				</div>	
			 			</div>		 			
			 			<div class="rows">
			 				<div class="col-sm-9 col-sm-offset-3">
			 					<p>校长奖学金	|	大学生英语竞赛二等奖</p>
			 				</div>
			 			</div>
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2013-2014</p>
			 				</div>
			 				<div class="col-sm-9">
			 					<p>优秀大学生干部	| 优秀团干部	| 优秀毕业生</p>
			 				</div>	
			 			</div>		 			
			 			<div class="rows">
			 				<div class="col-sm-9 col-sm-offset-3">
			 					<p>校长奖学金	|	大学生英语竞赛三等奖</p>
			 				</div>
			 			</div>
			 			<div class="rows">
			 				<div class="col-sm-9 col-sm-offset-3">
			 					<p>天津市优秀学生干部标兵	|	党员带班先进个人</p>
			 				</div>
			 			</div>
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2015-2016</p>
			 				</div>
			 				<div class="col-sm-9">
			 					<p>优秀团干部	| 校长奖学金</p>
			 				</div>	
			 			</div>	
			 			<div class="rows">
			 				<ul class="nav nav-list"> 
								 <li class="divider"></li>
							</ul>
			 			</div>
			 		</div>	 			
		 		</div>
				<div id="project">
		 			<div class="page-header">
		 				<h4 class="text-info"><b>项目经历</b></h4>
		 			</div>
		 			<div id="hide4" ng-show="open==4||open==0">
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2014 – 2015</p>
			 				</div>
			 				<div class="col-sm-7">
			 					<p>基于侧面轮廓的车辆识别系统</p>
			 				</div>	
			 				<div class="col-sm-2">
			 					<button id="show-btn" class="btn btn-xs" ng-click="state1 = !state1" type="button">details>></button>
			 				</div>	
			 			</div>
			 			<div class="rows">
			 				<div id="detail1" class="col-sm-9 col-sm-offset-3"  ng-hide="state1">
			 					<p>设计一种实时检测车辆车型的智能识别系统，利用采样、比对、计算后与模板车型进行相似度计算后实现车型识别。项目采用C++作为编程语言，能够快速进行计算和判定。</p>
			 				</div>
			 			</div>
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2015 – 2016</p>
			 				</div>
			 				<div class="col-sm-7">
			 					<p>基于认知计算的就业咨询智慧服务系统</p>
			 				</div>	
			 				<div  class="col-sm-2">
			 					<button  class="btn btn-xs" ng-click="state2 = !state2">details>></button>
			 				</div>	
			 			</div>
			 			<div class="rows">
			 				<div id="detail2" class="col-sm-9 col-sm-offset-3" ng-hide="state2">
			 					<p>该项目是为应届生提供就业咨询的智慧服务系统。技术方面负责Scrapy爬虫信息采集（上万条招聘信息，使用Python编写），web界面的设计和实现。</p>
			 				</div>
			 			</div>
			 			<div class="rows">
			 				<ul class="nav nav-list"> 
								 <li class="divider"></li>
							</ul>
			 			</div>
			 		</div>
		 		</div>
		 		<div id="practice">
		 			<div class="page-header">
		 				<h4 class="text-info"><b>实践工作</b></h4>
		 			</div>
		 			<div id="hide5" ng-show="open==5||open==0"> 
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2011 – 2013</p>
			 				</div>
			 				<div class="col-sm-7">
			 					<p>电信学院分团委副书记	|	文体部副部长</p>
			 				</div>	
			 				<div class="col-sm-2">
			 					<button  class="btn btn-xs" ng-click="state3 = !state3" >details>></button>
			 				</div>	
			 			</div>
			 			<div class="rows">
			 				<div id="detail3" class="col-sm-9 col-sm-offset-3" ng-hide="state3">
			 					<ul>
			 					<li>负责院内党团活动的策划、组织和实施；协助学生会举办学生活动、晚会和竞赛。</li>
								<li>带领院队参加暑期社会实践，组织安排志愿者服务活动。</li>
								<ul>
			 				</div>
			 			</div>
			 			<div class="rows">
			 				<div class="col-sm-3">
			 					<p>2015 – 2016</p>
			 				</div>
			 				<div class="col-sm-7">
			 					<p>通信学院文体部部长	|	班级党支书</p>
			 				</div>	
			 				<div class="col-sm-2">
			 					<button  class="btn btn-xs" ng-click="state4 = !state4"">details>></button>
			 				</div>	
			 			</div>
			 			<div class="rows">
			 				<div id="detail4" class="col-sm-9 col-sm-offset-3" ng-hide="state4">
			 					<ul>
			 					<li>组织策划院内晚会、求职经验交流会等活动。</li>
								<li>辅助宣传部绘制宣传海报，进行活动宣传。</li>
								<ul>
			 				</div>
			 			</div>
			 			<div class="rows">
			 				<ul class="nav nav-list"> 
								 <li class="divider"></li>
							</ul>
			 			</div>
			 		</div>
		 		</div>
		 		<div id="skills">
		 			<div class="page-header">
		 				<h4 class="text-info"><b>专业能力</b></h4>
		 			</div>
		 			<div id="hide6" ng-show="open==6||open==0">
			 			<div class="rows">
				 			<ul>
				 				<li>精通DIV+CSS页面制作,精通HTML，能完全手写代码并合理布局</li>
				 			</ul>
			 			</div>
			 			<div class="rows">
				 			<ul>
			 					<li>熟悉JavaScript，掌握其语言核心技术DOM、BOM、Ajax、JSON</li>
			 				</ul>
			 			</div>
			 			<div class="rows">
			 				<ul>
			 					<li>熟悉HTTP协议和W3C相关互联网规范</li>
			 				</ul>
			 			</div>
			 			<div>
			 				<ul>
			 					<li>对交互体验、可用性、用户体验有一定程度的理解</li>
			 				</ul>
			 			</div>

			 			<div class="rows">
			 				<ul class="nav nav-list"> 
								 <li class="divider"></li>
							</ul>
			 			</div>
			 		</div>
		 		</div>
		 		<div id="self-evaluation">
		 			<div class="page-header">
		 				<h4 class="text-info"><b>自我评价</b></h4>
		 			</div>
		 			<div id="hide7" ng-show="open==7||open==0">
			 			<div class="rows">
			 				<ul>
			 					<li>热爱设计和创造，有较强的审美能力</li>
			 				</ul>
			 			</div>
			 			<div>
			 				<ul>
			 					<li>热爱web前端设计，认为代码和设计的结合堪称艺术，对代码的美感和效率都有强烈的执着</li>
			 				</ul>
			 			</div>
			 			<div class="rows">
			 				<ul class="nav nav-list"> 
								 <li class="divider"></li>
							</ul>
			 			</div>
			 		</div>
		 		</div>
		 		<div id="demo">
		 			<div class="page-header">
		 				<h4 class="text-info"><b>DEMO展示</b></h4>
		 			</div>
		 			<div id="hide8" ng-show="open==8||open==0">
			 			<div class="rows">
			 				<button class="btn "><a href="http://darlingyyt.github.io/GitHubWeb/FOODEE/index.html" target="_blank">http://darlingyyt.github.io/GitHubWeb/FOODEE/index.html</a></button>
			 			</div>
			 			<div class="rows">
			 				<ul class="nav nav-list"> 
								 <li class="divider"></li>
							</ul>
			 			</div>
			 			<h1></h1>
			 		</div>
		 		</div>

		 </div>
	 </div>
</div>
